<!DOCTYPE html>
<html lang="zh">
	<head>
		<meta charset="utf-8" />
		<meta http-equiv="X-UA-Compatible" content="ie=edge">
		<meta name="description" content="意休，意在通过高效实践来获得更多休息，是一个个人高效学习及前端实践的记录网站。" />
		<title>意休 | 治愈</title>
		<link rel="icon" href="images/baobao.png" type="image/png">
		<link rel="bookmark" href="images/baobao.png" />
		<link rel="stylesheet" href="css/style.css" />
		<link rel="stylesheet" href="css/othersize.css" />
		<!-- <script src="js/jquery-1.11.3.min.js"></script> -->
		<script src="https://cdn.bootcdn.net/ajax/libs/jquery/1.11.3/jquery.min.js"></script>
	</head>
	<script type="text/javascript">
		$(function() {

			var art_List = [];
			var art_choose  = 0;
			// 文件加载（数据加载）
			$.ajax({
				url: "data/heal.json",
				dataType: "json",
				success: function(res) {
					var arr = res;
					for (let i = 0; i < arr.length; i++) {
						var head = '<title class="hl_title  title">' + arr[i].title + '</title><div class="article_con">';
						var con = arr[i].content;
						var body = '';
						for (let j = 0; j < con.length; j++) {
							if (/^[\-]+/.test(con[j])) {
								body += '<p class="suojin">' + con[j].substring(1) + '</p>';
							} else if (/^[\=]+/.test(con[j])) {
								body += '<h4 class="lvkuang">' + con[j].substring(1) + '</h4>';
							} else {
								body += '<p>' + con[j] + '</p>';
							}
						}
						var whole = head + body + "</div>";
						art_List[i] = whole;
					}


				}
			});

			// 文章弹框的点击开启与关闭
			$(".zhiyuwen_con span").click(function() {
				$(".tan_kuang,.back").css("display", "block");
				art_choose = $(this).index();
				$(".article_kuang .hl_article").html(art_List[art_choose]);
			})
			$(".tan_kuang .close_kuang").click(function() {
				$(".tan_kuang,.back").css("display", "none");
				$(".article_kuang .hl_article").html("");
			})
			
			$(".tan_kuang .prePage").click(function() {
				if(art_choose>0){
					art_choose--;
					$(".article_kuang .hl_article").html(art_List[art_choose]);
				}
			})
			$(".tan_kuang .nextPage").click(function() {
				if(art_choose<art_List.length-1){
					art_choose++;
					$(".article_kuang .hl_article").html(art_List[art_choose]);
				}
			})
			$(".tan_kuang .toTop").click(function() {
				 $('.hl_article').animate({scrollTop:'0'},300);
			})
		})
	</script>
	<body>
		<div class="heal_body">

			<!-- 文章弹框 -->
			<section class="article_kuang">
				<div class="back"></div>
				<div class="tan_kuang art_tankuang">
					<div class="menuBtns none-txtchosen">
						<span class="prePage">上一篇</span>
						<span class="toTop">回顶部</span>
						<span class="nextPage">下一篇</span>
						<span class="close_kuang">×</span>
					</div>
					<article class="hl_article">
						<!-- 模板
					<title class="hl_title">如何调节状态？</title>
					<div class="article_con"></div> -->
					</article>
				</div>
			</section>


			<!--头部区域-->
			<header class="header">
				<div class="hd">
					<h1><a href="./index.html" class="logo">意休</a></h1>
					<div class="sousuokuang">
						<form action="https://www.baidu.com/s" target="_blank" rel="noopener" >
							<input class="kuang" type="text" name="wd" placeholder="搜索技能、应用、话题..." autocomplete="off" />
							<input class="search" type="image" src="images/sousuo.png"  alt="搜索"/>
						</form>
					</div>
					<nav class="nav">
						<ul>
							<li><a href="./index.html"><i>Home</i><b>首页</b></a></li>
							<li><a href="./towork.html"><i style="color:#ff557f;">towork</i><b>工作</b></a></li>
							<li><a href="./share.html"><i>Share</i><b>资源分享</b></a></li>
							<li><a href="./play.html"><i>Play</i><b>玩一玩</b></a></li>
						</ul>
					</nav>
				</div>
			</header>
			<script>
				// 中英文切换导航条动画
				$(".hd .nav li").hover(function() {
					$(this).find("a").stop().animate({
						top: -66
					})
				}, function() {
					$(this).find("a").stop().animate({
						top: 0
					})
				})
			</script>

			<!-- 主体内容 -->
			<section class="heal_out">
				<span class="hl_title">选择困难症请用“必要·合适·愉快”来决定事情的优先顺序</span>

				<!-- 过去到现在-固 -->
				<div class="hl_box">
					<span>固</span>
					<div class="box_in">
						<div>主旨：选择比努力更重要。</div>
						<p>(1) 认清状态-记录及感受</p>
						<p>(2) 调节状态-分析并解决</p>
						<p>(3) 明确方向-认清及规划</p>
					</div>
				</div>

				<!-- 现在到未来-展 -->
				<div class="hl_box">
					<span>展</span>
					<div class="box_in">
						<div>主旨：为生活做加法。</div>
						<p>(1) 培养-想做的事</p>
						<p>(2) 责任-需要做的</p>
						<p>(3) 可控-能做的事</p>

					</div>
				</div>

				<!-- 通用技能-法 -->
				<div class="hl_box">
					<span>法</span>
					<div class="box_in">
						<div>主旨：为生活做减法。</div>
						<p>(1) 知识要分类-学习观</p>
						<p>(2) 磨刀不误工-工具论</p>
						<p>(3) 思维的训练-抽象体</p>
					</div>
				</div>
				<p class="tishi_words">(鼠标滑过上面项目-下面显示提示文字)</p>


				<div class="tishi_box">
					<p>①身体连结-呼/伸/水/养；②情绪臣服-感/认/拿/放；③思想检视-real?why?how about取反；④身份认同-是也不是，勿过分注重得失。</p>
					<p>（吃饱，运动，放松，休息，解决问题（分析问题要素，联系，因果，关键点，逆向取反，实践），坦然接受，平静心态，断舍离）</p>
					<p>（自我定位：认清世界，世界发展和联系 ，多听多看，时常做计划并记录实际情况）</p>
					<p>（清单：事项，渴望值，迫切度，根源，分类）</p>
					<p>（自身，社会，家庭，他人）什么身份做什么事</p>
					<p>（学习轨迹和逻辑）</p>
					<p>（文）选择比努力更重要--不要舍本逐末</p>
					<p>（文）好的开始就成功了一半--学习前的准备，好工具的使用</p>
					<p>（文）学习是个技术活--如何接受新知识，如何解决问题，常见的几种思维方法</p>

				</div>


				<script type="text/javascript">
					$(".box_in p").mouseover(function() {
						$(this).addClass("active").siblings().removeClass("active");
						var o = $(".box_in p").index($(this)); //很有用的一个查找当前p在所有".box_in p"下的索引值
						$(".tishi_box p").eq(o).addClass("active").siblings().removeClass("active");
					})
					$(".box_in p").mouseout(function() {
						$(this).removeClass("active");
					})
				</script>

			</section>

			<section class="zhiyuwen">
				<div class="zhiyuwen_title title"><i class="jiantou"></i>
					<h2>点击阅读</h2>
				</div>
				<div class="zhiyuwen_con">
					<span>《好的状态表述》</span>
					<span>《如何调节状态》</span>
					<span>《如何明确方向》</span>
					<span>《不要舍本逐末》</span>
					<span>《学习前的准备》</span>
					<span>《好工具的使用》</span>
					<span>《如何学新知识》</span>
					<span>《如何解决问题》</span>
					<span>《常见的几种思维方法》</span>
					<span>《作者寄语》</span>
					<span>《这里有一封信未查收》</span>
				</div>
			</section>


			<!--底部区域、填补网址2个-->
			<footer class="footer">
				&nbsp;<h1>意休，让生活更高效一点</h1>&nbsp;&nbsp;&nbsp;&nbsp;<a href="./about.html" target="_blank" rel="noopener" >关于我 | 网站帮助</a>
			</footer>
		</div>
	</body>
</html>
